$c-white: #ffffff;
$c-red: #FC585B;
$c-black: #000000;
$c-mark: #AFAFAF;
$c-mark-deep: #7B7B7B;
$c-active: #EFEFEF;

$fz-default: 14px;
$fz-small: 12px;
$fz-mid: 16px;
$fz-big: 18px;
$fz-larget: 24px;

$br-radius: 5px;
$br-circle: 500px;
$br-color: #eeeeee;
$br-solid-color: #D0D0D0;


.flex {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.flex-layer {
  align-items: flex-start;
  justify-content: flex-start;
}
.d-flex {
  @extend .flex;
  display: inline-flex;
}
.flex-column { flex-direction: column; }
.flex-shrink { flex-shrink: 0; }
.flex-grow {
  flex-grow: 1;
  width: 0;
}

.text-1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.base-class {
  box-sizing: border-box;
}

@mixin _text-n($n: 1) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $n;
  overflow: hidden;
}
